﻿<!DOCTYPE html>


<html>


<head>
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

	<link rel="shortcut icon" type="image/png" href="assets/logo/logo.png"/>
	<link rel="stylesheet" href="docs/styles.css">

</head>


<body style="max-width: 60em;">
	<img class="logo" src="assets/logo/logo-big.png">
	<h1>Procedural Equirectangular Textures</h1>


	<h3>Welcome. Pick a style!</h3>
	<br>
	<br>

	<div class="gallery">

		<a class="style-block" href="./online/camouflage.html">
			<div class="title">Camouflage</div>
			<img src="./docs/images/camouflage.png">
		</a>

		<a class="style-block" href="./online/cave-art.html">
			<div class="title">Cave art</div>
			<img src="./docs/images/cave-art.png">
		</a>

		<a class="style-block" href="./online/clouds.html">
			<div class="title">Clouds</div>
			<img src="./docs/images/clouds.png">
		</a>

		<a class="style-block" href="./online/concrete.html">
			<div class="title">Concrete</div>
			<img src="./docs/images/concrete.png">
		</a>

		<a class="style-block" href="./online/entangled.html">
			<div class="title">Entangled</div>
			<img src="./docs/images/entangled.png">
		</a>

		<a class="style-block" href="./online/fordite.html">
			<div class="title">Fordite</div>
			<img src="./docs/images/fordite.png">
		</a>

		<a class="style-block" href="./online/grid.html">
			<div class="title">Grid</div>
			<img src="./docs/images/grid.png">
		</a>

		<a class="style-block" href="./online/isolines.html">
			<div class="title">Isolines</div>
			<img src="./docs/images/isolines.png">
		</a>

		<a class="style-block" href="./online/marble.html">
			<div class="title">Marble</div>
			<img src="./docs/images/marble.png">
		</a>

		<a class="style-block" href="./online/neon-lights.html">
			<div class="title">Neon lights</div>
			<img src="./docs/images/neon-lights.png">
		</a>

		<a class="style-block" href="./online/planet.html">
			<div class="title">Planet</div>
			<img src="./docs/images/planet.png">
		</a>

		<a class="style-block" href="./online/photosphere.html">
			<div class="title">Photosphere</div>
			<img src="./docs/images/photosphere.png">
		</a>

		<a class="style-block" href="./online/polka-dots.html">
			<div class="title">Polka dots</div>
			<img src="./docs/images/polka-dots.png">
		</a>

		<a class="style-block" href="./online/satin.html">
			<div class="title">Satin</div>
			<img src="./docs/images/satin.png">
		</a>

		<a class="style-block" href="./online/scepter-head.html">
			<div class="title">Scepter head</div>
			<img src="./docs/images/scepter-head.png">
		</a>

		<a class="style-block" href="./online/scream.html">
			<div class="title">Scream</div>
			<img src="./docs/images/scream.png">
		</a>

		<a class="style-block" href="./online/simplex-noise.html">
			<div class="title">Simplex noise</div>
			<img src="./docs/images/simplex-noise.png">
		</a>

		<a class="style-block" href="./online/stars.html">
			<div class="title">Stars</div>
			<img src="./docs/images/stars.png">
		</a>

		<a class="style-block" href="./online/water-drops.html">
			<div class="title">Water drops</div>
			<img src="./docs/images/water-drops.png">
		</a>

		<a class="style-block" href="./online/zebra-lines.html">
			<div class="title">Zebra lines</div>
			<img src="./docs/images/zebra-lines.png">
		</a>
	</div>


	<p style="max-width: 36em; margin: 1em auto;">
		This project provides online tools for generating procedural equirectangular
		textures. <a href="./docs/about.html">Learn more</a> about these textures
		and what makes them special. View a <a href="./examples/">few examples</a>.
		The same tools are also avaiable for developers as <a href="./docs/developers.html">JS modules</a>
		on <a href="https://github.com/boytchev/texture-generator">GitHub</a>
		and <a href="https://www.npmjs.com/package/pet-gen">NPM</a>.
	</p>
	
	<div class="footnote">
		<a href="docs/cookies.html">Cookies</a> &middot; 
		<a href="docs/licence.html">Licence</a> &middot; 
		<a href="docs/faq.html">FAQ</a>
	</div>


</body>
</html>